﻿body{margin:0 auto; background:url(images/login_bg_wood.png);}
/*----------------------------- xxxx------------------------------------------------------------------------*/
#main_div{width:1003px; height:636px; margin:0 auto; background:url(images/diary_inside.png);}

.home_date{font-family:Verdana, Geneva, sans-serif; font-size:107px; color:#999999; position:absolute; margin:15px 0 0 40px;}
.home_date1{font-family:Verdana, Geneva, sans-serif; font-size:23px; color:#7b7b7b; position:absolute; margin:42px 0 0 200px;}
.office_manager{font-family:Verdana, Geneva, sans-serif; font-size:38px; color:#303030; position:absolute; margin:134px 0 0 69px;}
.office_manager_underline{background:url(images/office_manager_underline.jpg); width:344px; height:2px; position:absolute;
 margin:183px 0 0 75px;}
.logo_company{width:139px; height:38px; background:url(images/creator_logo_icon.PNG); position:absolute; margin:190px 0 0 282px;}
/*----------------------------- xxxx------------------------------------------------------------------------*/

.table_1{position:absolute; margin:315px 0 0 66px; font-family:Verdana, Geneva, sans-serif; font-size:15px; color:#615f60;}
.table_1 .header_table{font-weight:bold;}
.table_1 tr td{padding:5px;}

/*----------------------------- xxxx------------------------------------------------------------------------*/
.icons_right{position:absolute; margin:252px 0 0 22px;}
/*----------------------------- xxxx------------------------------------------------------------------------*/

.icons_right ul{overflow:hidden; list-style:none; margin:0px; padding:0px; }

/*----------------------------- xxxx------------------------------------------------------------------------*/
.icons_right ul li{float:left; margin:0 10px 18px; width:74px; height:100px; font-family:Verdana, Geneva, sans-serif; color:#2c2c2c; font-size:11px; margin-top:0px;padding-top:2px;}
/*----------------------------- xxxx------------------------------------------------------------------------*/

.icons_right ul li img{margin-left:8px; width:65px; height:60px;}
.icons_right ul li p{ line-height:1.2; margin:0px; text-align:center; }
.icons_right ul li:hover img{margin-top:-2px;}
.icons_right ul li:hover p{margin-top:4px; color:#757575;}

/*----------------------------- xxxx------------------------------------------------------------------------*/
.power{position:absolute; margin:565px 0 0 917px;}
/*----------------------------- xxxx------------------------------------------------------------------------*/

.power img{margin-left: 9px;}
.power p{margin:0px; text-align:center;font-family:Verdana, Geneva, sans-serif; color:#2c2c2c; font-size:12px; font-weight:bold;}
.power:hover p{color:#a10000;}

/*----------------------------- xxxx------------------------------------------------------------------------*/
.user_information{width:400px; position:absolute; margin:32px 0 0 561px;}
/*----------------------------- xxxx------------------------------------------------------------------------*/

.user_information p{margin:0px; text-align:right; font-family:Verdana, Geneva, sans-serif; font-size:12px;}

/*----------------------------- xxxx------------------------------------------------------------------------*/
.page_header{position:absolute; margin:91px 0 0 524px;}
/*----------------------------- xxxx------------------------------------------------------------------------*/

.page_header img{ position:absolute; widows:65px; height:60px;}
.page_header div{width:296px; height:2px; background:url(images/office_manager_underline.jpg); position:absolute;
 margin:54px 0 0 67px;}
.page_header p{ position:absolute; font-family:Verdana, Geneva, sans-serif; font-size:29px; color:#565656; margin:17px 0 0 64px;
width:320px;}

/*----------------------------- xxxx------------------------------------------------------------------------*/
.page_content{ margin: 1px; margin-left:180px;  /*width: 810px;*/}
/*----------------------------- xxxx------------------------------------------------------------------------*/

.header_page_content{color:#3a3a3a; font-family:Verdana, Geneva, sans-serif; font-size:17px; width:inherit; }
.page_content table{width:1000px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#444444; text-align:center; background:#e8ecf1; line-height:2;}
.page_content table td{padding:3px;}
.page_content table a{text-decoration:none; color:#000739; font-weight:bold;}
.page_content table a:hover{color:#940C0F;}
.table_header_1{text-align:center; background:#33CC33;/*background:url(images/table_header_BG.png);*/height:29px; width:800px;line-height:1.7; color:#FFF; font-size:16px;}
.page_content table p{margin:0px;}
.table_header_2{ background:#c7c7c7; color:#000;  width:800px;}
.table_header_3 td{border-bottom:1px #bebebe solid;border-top:1px #FFF solid; }

.search_option{overflow:hidden; margin-bottom:20px;}
.search_option_1{overflow:hidden; float:left; margin-right:15px; margin-bottom:5px;}
.search_option p {float:left; margin:0px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#2d2d2d; 
margin-right:10px; margin-top:1px; font-weight:bold;}
.search_option select{font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#2d2d2d;}
.left_table_arrow{width:13px; height:19px; background:url(images/arrow_left.png); position:absolute; margin:4.3px 0 0 16px;}
.right_table_arrow{width:13px; height:19px; background:url(images/arrow_right.png); position:absolute; margin:4.3px 0 0 967px;}
.left_table_arrow:hover {margin:4.3px 0 0 14px;}
.right_table_arrow:hover {margin:4.3px 0 0 969px;}

.day_input{width:71px;}
.month_input{width:45px;}
.year_input{width:40px;}
.ydminput{float:right; margin-right:44px; margin-bottom:10px;}


.hrpage_info_table{border-top:4px solid #85a6ce; border-bottom:4px solid #85a6ce; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:12px; margin-top:10px; width:auto !important;
background:#FFF !important; text-align:left !important;}
.hrpage_info_table tr td{padding:5px 10px; border-bottom: 1px solid #BEBEBE; border-top: 1px solid #FFFFFF;}
.hrpage_info_table p{margin:0px;}
.add_user_td1{background:#e8ecf1;}
.add_user_td2{background:#eff2f6;}
.submit_button_add_user{text-align:right;}
.submit_button_add_user input{padding:5px 10px; background:#57c257; color:#FFF; cursor:pointer; border:0px;}



.ce0_attendance_info{background:#EFF2F6 !important; margin-top:20px; margin-bottom:3px; border-bottom: 1px solid #BEBEBE; border-top: 1px solid #FFFFFF;}
p { text-align:center;}